<template>
  <div class="category">
    <!-- <category-nav-bar></category-nav-bar> -->
    <category-sort @SortSelect="SortSelect"></category-sort>
    <category-sort-list></category-sort-list>
    
  </div>
</template>

<script>
import categoryNavBar from "./categoryNavBar.vue";
import CategorySort from "./children/CategorySort.vue";
import CategorySortList from "./children/CategorySortList.vue"
export default {
  name: "Category",
  components: { categoryNavBar ,CategorySort,CategorySortList},
  data() {
    return {
      sortInfo:['正在流行','上衣','裤子','裙子','女鞋'],
      icon1: require("@/assets/szzq_images/card_icon_补偿安置方案.png"),
    
     
    };
  },
  methods:{
    SortSelect(index){
      console.log('接受==',index)
    }
  }
  
};
</script>

<style>
.category {
  /* line-height: 44px; */
  /* position: absolute;
  width: 100%;
  top: 44px;
  bottom: 49px;
  height: calc(100%-93px); */
  display: flex;
}

</style>